<template>
    <div class="mixinDemo">
        <p>我是mixinDemo组件</p>
<!--        在mixinDemo组件中引入了mixin，且使用了mixin中的msg数据-->
        <p>mixin中的数据：{{ msg }}</p>
<!--        默认插槽-->
<!--        <slot>默认插槽:我是默认插槽</slot><br>-->
<!--        具名插槽-->
        <div> 具名插槽:<slot name="center">我是center 插槽</slot>
            <slot name="footer">我是footer 插槽</slot></div>
<!--        作用域插槽-->
        <slot title="我是作用域插槽"></slot>
        <div v-for="(item,index) in name" :key="index">
            <slot :row="item"></slot>
        </div>

    </div>
</template>

<script>
    import { mixins } from "../mixin/index";
    export default {
        name:'mixinDemo',
        mixins: [mixins],
        props: { //接收父组件传递过来的值
            name:{
                type: Array,//类型
                default:()=>{
                    return []
                }//默认值
            },
        },
        data() {
            return {
               age:18
            }
        },
    };

</script>
